﻿@model Pku.BookStore.Model.UserModel
@{
    Layout = null;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="0">
    <script src="/Scripts/View/User/Login.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-1.2.6.pack.js" type="text/javascript"></script>
    <title>登录图书商城</title>
    <style type="text/css">
        html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}ol,ul{list-style:none;}:focus{outline:0;}a img{border:0;}img{vertical-align:middle;}table{empty-cells:show;}ins{text-decoration:none;}del{text-decoration:line-through;}em{font-style:normal;}
        button::-moz-focus-inner,
        input[type="reset"]::-moz-focus-inner,
        input[type="button"]::-moz-focus-inner,
        input[type="submit"]::-moz-focus-inner,
        input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;}
        .fl{float:left;}.fr{float:right;}.fn{float:none;}.al{text-align:left;}.ac{text-align:center;}.ar{text-align:right;}
        .clr{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-table;}/* Hides from IE-mac \*/*html .clearfix{height:1%;}.clearfix{display:block;}/* End hide from IE-mac */*+html .clearfix{min-height:1%;}.overflow{overflow:hidden;}
        .form label,.form input,.form select,.form textarea,.form button,.form .label{float:left;font-size:12px;}
        .block{display:block;overflow:hidden;}
        .hide{display:none;}
        .invisible{visibility:hidden;}
        .tab{overflow:hidden;zoom:1;}
        .tab li,.tab a,.tab-item{float:left;text-align:center;}
        .btn-img,.button{display:inline-block;margin:0;padding:0;border:0;text-align:center;cursor:pointer;}
        .btn-text{margin:0;padding:0;text-align:center;cursor:pointer;}
        body{font:12px/150% Arial,Verdana,"\5b8b\4f53";color:#333;background:#fff;_background-image:url(about:blank);_background-attachment:fixed;}
        h1{font:20px "microsoft yahei","\5b8b\4f53";}
        h2,h3{font-size:14px;}
        h4,h5,h6{font-size:12px;}
        a:link,a:visited{color:#333;text-decoration:none;}
        a:hover{color:#C00;text-decoration:underline;}
        a:active{color:#900;}
            /*.w*/
        .w{width:990px;margin:0 auto;}
        .w1{margin-bottom:10px;}
            /*.lh&.ld*/
        .lh{overflow:hidden;zoom:1;}
        .lh li,.lh dl,.lh .item{float:left;}
        .ld{position:relative;zoom:1;}
        .ld s,.ld b,.ld .block{position:absolute;overflow:hidden;}
            /*.m*/
        .m,.mt,.mc,.mb,.sm,.smt,.smc,.smb{overflow:hidden;zoom:1;}
        .m,.sm{margin-bottom:10px;}
        .mt,.smt{cursor:default;}
        .mt h2,.smt h3{font-family:"microsoft yahei";}
        .m .mt .extra a:link,
        .m .mt .extra a:visited,
        .sm .smt .extra a:link,
        .sm .smt .extra a:visited{color:#005EA7;}
            /*shortcut*/
        #shortcut,
        #shortcut .w,
        #shortcut .fl b,
        #shortcut .menu b{background-image:url(/images/20111221C.png);background-repeat:no-repeat;}
        #shortcut li{background-image:url(/images/20120112B.png);background-repeat:no-repeat;}
        #shortcut,
        #shortcut .w{height:30px;background-color:#efefef;background-repeat:repeat-x;}
        #shortcut{width:100%;padding-bottom:1px;line-height:30px;}
        #shortcut li{height:27px;padding:0 9px;background-position:-230px -320px;}
        #shortcut .fl .fore1{padding-left:15px;background:none;}
        #shortcut .fl b{top:10px;left:1px;width:10px;height:10px;background-position:-57px -289px;cursor:pointer;}
        #shortcut .fl span{display:none;}
        #shortcut .fr{height:30px;overflow:visible;}
        #shortcut .fr .fore1{background:none;}
        #shortcut .fr .menu{position:relative;z-index:10;width:81px;padding:3px 0 0;}
        #shortcut .menu dl{width:67px;padding:0 6px;}
        #shortcut .menu dt{height:24px;padding:0 10px 1px 6px;line-height:24px;cursor:default;}
        #shortcut .menu b{top:10px;right:3px;width:7px;height:4px;background-position:-35px -281px;}
        #shortcut .menu dd{display:none;padding:4px 0 4px 5px;line-height:21px;}
        #shortcut .fr .hover{z-index:11;}
        #shortcut .hover dl{border:1px solid #ddd;background:#fff;-moz-box-shadow:0 0 5px #ddd;-webkit-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd;}
        #shortcut .hover dt{padding-left:5px;border-bottom:1px solid #F3F3F3;line-height:23px;}
        #shortcut .hover dd{display:block;}
        #shortcut .hover b{top:9px;background-position:-35px -275px;}
        #shortcut a.link-logout:link,
        #shortcut a.link-logout:visited{color:#999;}
        #loginbar a{margin-left:5px;}
        #mycity{font-weight:bold;color:#005EA7;}
        #quit{color:#999;}
        *html #shortcut .fl{height:27px;overflow:hidden;}
        *html #shortcut .fl b{top:8px;}
        *html #shortcut li.menu dl{position:absolute;}
            /*#footer*/
        #footer{padding-bottom:30px;text-align:center;}
        #footer .links a,#footer .links span{margin:0 10px;}
        #footer .links span a{margin:0;}
        #footer .copyright{margin:10px 0;}
        #footer .authentication a{margin:0 5px;}
        #login-logo {padding:10px 0;}
        .btn-link {display:block;overflow:hidden;text-align:center;}
        .ftx13,.flk13 a:link,.flk13 a:visited,a.flk13:link,a.flk13:visited{color:#005aa0;}
            /*Tabs*/
        #login-tabs .tabs {height:36px; border-bottom:1px solid #bbb;}
        #login-tabs .tabs li {height:35px; margin-right:4px; border:1px solid #bbb; border-bottom:0; border-top-left-radius:3px; border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; padding:0 10px; border-radius-left:3px; float:left; color:#666; line-height:36px; cursor:pointer; background-color:#f3f3f3;}
        #login-tabs .tabs li span {font-size:14px; font-weight:700;}
        #login-tabs .tabs li.fore {padding:0 26px;}
        #login-tabs .tabs li.current {height:36px; margin-bottom:-1px; position:relative; color:#333; background:url(/images/tabs-p1.jpg) repeat-x;}
        #login-tabs .tab-con {padding-top:15px;}
            /*entry*/
        #entry .mt{height:33px;background:url(/images/tit_regist.jpg) #D1D1D1 repeat-x 0 -34px;}
        #entry .mt h2{float:left;height:33px;padding-left:15px;background:url(/images/tit_regist.jpg) no-repeat 0 0;line-height:33px;}
        #entry .mt span{float:right;height:33px;line-height:33px;text-align:right;}
        #entry .mt b{float:right;width:10px;height:33px;background:url(/images/tit_regist.jpg) no-repeat 0 -68px;}
        #entry .mc{padding:40px 40px 30px 40px;border:solid #D1D1D1;border-width:0 1px 1px; margin-bottom: 10px;}
        #entry .form{float:left;width:540px;overflow:hidden;}
        #entry .item{padding-top:5px;height:50px;line-height:26px;}
        #entry #autoentry{height:40px;}
        #entry .item a:link,#entry .item a:visited{text-decoration:underline;}
        #entry .label{width:100px;text-align:right;font-size:14px;}
        #entry .text{width:240px;height:16px;padding:4px 3px;border:1px solid #bbb;font-size:14px;font-family:arial,"宋体";}
        #entry .text-1{width:100px;}
        #entry .blank{width:16px;height:16px;margin:2px 5px 0;}
        #entry .mar{margin-right:10px;}
        #entry .img img{height:26px;margin:0 5px;}
        #entry .succeed{background:url(/images/pwdstrength.gif) no-repeat -105px 0;}
        #entry .btn-entry{width:100px;height:30px;background:url(/images/new-regist.jpg) no-repeat 0px -31px;font-size:14px;font-weight:bold;color:#fff;}
        #entry .highlight1{border:1px solid #EFA100;outline:2px solid #FFDC97;*border:2px solid #ffcc66;*padding:3px 2px;}
        #entry .highlight2{border:1px solid #f00;outline:1px solid #FFC1C1;color:#f00;}
        #entry .pwdbg{background:#FFF8EB;}
        #entry .focus{color:#999;line-height:22px;*line-height:20px;}
        #entry select{margin-top:5px;}
        #entry .null,#entry .error, #entry .message{color:red;line-height:22px;*line-height:20px;}
        #entry .message{color:#090!important;}
        #entry .checkbox{margin-top:6px;*margin-top:2px;}
        #entry .extra{padding-left:50px;padding-top:30px;}
        #entry .extra .btns{float:left;position:relative;overflow:hidden;height:14px;padding:5px 0 5px 23px;margin-right:4px;line-height:14px;}
        #entry .extra .btns s{display:block;position:absolute;top:0;left:0;width:23px;height:23px;background-image:url(/images/icon_cooperation.jpg);background-repeat:no-repeat;}
        #entry .extra .btns a:link,#entry .extra .btns a:visited{text-decoration:none;color:#005aa0;padding-right:6px;border-right:1px solid #DBDBDB;}
        #entry .extra .qq s{background-position:0 0;}
        #entry .extra .alipay s{background-position:-23px 0;}
        #entry .extra .baidu s{background-position:-140px 0;}
        #entry .extra .renren s{background-position:-46px 0;}
        #entry .extra .net163 s{background-position:-69px 0;}
        #entry .extra .kaixing001 s{background-position:-92px 0;}
        #entry .extra .sina s{background-position:-115px 0;}
        #entry .extra .douban s{background-position:-161px 0;}
        #entry .extra .alipay a:link,#entry .extra .alipay a:visited{border:none;}
        #entry .extra .more{padding-left:5px;}
        #entry .extra .more a:link,#entry .extra .more a:visited{border:none;}
            /*guide*/
        #guide{float:right;width:300px;height:290px;padding:0px 0 20px 40px;border-left:1px solid #E7E7E7;}
        #guide .content{color:#666;padding:10px 0 0;}
        #guide .btn-personal{width:137px;height:35px;background:url(/images/bg_regist.jpg) no-repeat 0 -186px;line-height:35px;margin:20px auto;font-weight:bold;font-size:14px;margin-top:35px;}
        #guide .btn-personal:hover{text-decoration:none;}
        #guide .btns{border-top:1px dotted #ccc;padding-top:15px;text-align:center;margin-bottom:50px;*margin-bottom:40px;}
        #guide .btns a:link,#guide .btns a:visited{margin:0 10px;color:#005aa0;font-size:14px;}
        #guide .app a{display:inline-block;height:50px;width:300px;background:url(/images/app.jpg);font-size:0;line-height:100px;overflow:hidden;}
            /*-moz-*/
@*        @-moz-document url-prefix(){#entry .btn-entry{padding-bottom:5px;}}
        @-moz-document url-prefix(){#entry .checkbox{margin-top:7px;}}
        @-moz-document url-prefix(){.qq,.alipay,.renren{line-height:22px;}}*@
    </style>
</head>
<body>
    <div id="shortcut">
        <div class="w">
            <ul class="fl lh">
                <li class="fore1 ld"><b></b><a href="javascript:addToFavorite()">收藏本站</a></li>
                <li class="fore2"><a href="http://www.pku.edu.cn/" target="_blank">北京大学</a></li>
                <li class="fore3"><a href="http://www.pkudl.cn/" target="_blank">北大网院</a></li>
            </ul>
            <ul class="fr lh">
                <li class="fore1 ld" id="loginbar">您好，欢迎来到图书商城！<span><a href="/User/LogOn">[登录]</a>
                    <a href="/User/Reg" class="link-regist">[免费注册]</a></span></li>
                <li class="fore2"><a href="#">我的订单</a></li>
                <li class="fore2"><a href="#">帮助手册</a></li>
            </ul>
            <span class="clr"></span>
        </div>
    </div>
    <!--shortcut end-->
    <div class="w" id="login-logo">
        <div>
            <a href="http://www.xxx.com/">
                <img src="/images/logo.png" alt="图书商城" width="167" height="46"></a>
        </div>
    </div>
    <div id="entry" class="w">
        <div class="mt">
            <h2>
                用户登录</h2>
        </div>
        @using (Html.BeginForm())
        {
            <div style="padding-top: 20px;" class="mc">
                <div class="form">
                    <div data-bind="tabs" class="clearfix" id="login-tabs">
                        <div class="tab-con" style="display: block;">
                            <div class="item">
                                <span class="label">用户名：</span>
                                <div class="fl">
                                    <input id="UserName" name="UserName" type="text" tabindex="2" autocomplete="off" />
                                </div>
                            </div>
                            <div class="item">
                                <span class="label">密码：</span>
                                <div class="fl">
                                    <input id="UserPwd" name="UserPwd" type="password" tabindex="2" autocomplete="off" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <span class="label">&nbsp;</span>
                        <input id="submitBtn" type="image" src="@Url.Content("~/images/login_bt.gif")"  onclick="return btnClick();" />
                    </div>
                    <div class="item">
                        @Html.ValidationMessage("LoginError")
                    </div>
                </div>
                <div id="guide">
                    <h5>
                        还不是图书商城用户？</h5>
                    <div class="content">
                        现在免费注册成为图书商城用户，便能立刻享受便宜又放心的购物乐趣。</div>
                    <a href="/User/Reg" class="btn-link btn-personal">注册新用户</a>
                </div>
                <span class="clr"></span>
            </div>
        }
    </div>
    <div class="w">
        <div id="footer">
            <div class="links">
                <a href="#" target="_blank">关于我们</a>|<a href="#" target="_blank">联系我们</a>|<a href="#"
                    target="_blank">人才招聘</a></div>
            <div class="copyright">
                Copyright&#169;2012&nbsp;&nbsp;图书商城&nbsp;版权所有</div>
        </div>
    </div>
    <!-- footer end -->
</body>
</html>
